<template>
	<view class="content">
		<view v-for="(item,index) of list" :key="index" class="content-item">
			<view class="content-img">
				<image :src="item.image" mode="aspectFill"></image>
			</view>
			<view class="content-msg">
				<view class="name">{{item.name}}</view>
				<view class="time">{{item.time}}</view>
				<view class="news">{{item.news}}</view>								
			</view>
		</view>
		
	</view>
</template>

<script>
	export default{
		name:"comments",
		data() {
			return {
				list:[
					{
						id:1,
						image:"https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=2897221716,3768869042&fm=11&gp=0.jpg",
						name:"S",
						time:"2020-11-06  13:28",
						news:"天呐 太可爱了 多放点小时候的照片"
					},
					{
						id:2,
						image:"https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=3508878793,1833881897&fm=11&gp=0.jpg",
						name:"一颗牛油果🥑 ",
						time:"2020-11-06 13:15",
						news:"妈妈救命!我被番茄电晕了!"
					},
					{
						id:3,
						image:"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1607739815305&di=9ca1f0c36f4b24de6bf4f2dd5b609a73&imgtype=0&src=http%3A%2F%2Fwx4.sinaimg.cn%2Fmw690%2F7ff6fc1fly1gjnomjztirj20j60j6421.jpg",
						name:"Sttttt",
						time:"2020-11-07 11:35",
						news:"天呐 请问可以保存当头像吗？🐶 "
					},
					{
						id:4,
						image:"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1607739859419&di=aaae85ed205d68803d25ccdad971b9c4&imgtype=0&src=http%3A%2F%2Fww2.sinaimg.cn%2Fmw690%2F7658d2d1ly1gfxmm409ilj20ku0kugmd.jpg",
						name:"烤鹅再努力丫",
						time:"2020-11-10 19:20",
						news:"柴犬真的是可爱极了"
					},
					{
						id:5,
						image:"https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=1898237943,3428716262&fm=11&gp=0.jpg",
						name:"S",
						time:"2020-11-06  13:28",
						news:"请问，可以截屏当头像嘛 真的太可爱了!"
					},
					{
						id:6,
						image:"https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2622933625,920552892&fm=26&gp=0.jpg",
						name:"李戳戳",
						time:"2020-11-26 08:45",
						news:"妈呀太可爱了! ! ! 😭 可以做头像吗"
					},
					{
						id:7,
						image:"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1607740003609&di=a7793bc5c0ae276db51986f28091ca0f&imgtype=0&src=http%3A%2F%2Finews.gtimg.com%2Fnewsapp_match%2F0%2F12511783515%2F0",
						name:"阿零在这",
						time:"2020-11-26 10:46",
						news:"啊啊啊啊啊啊啊好可爱啊！可以盗图做头像吗？"
					},
					{
						id:8,
						image:"https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=134957570,336664521&fm=26&gp=0.jpg",
						name:"李戳戳",
						time:"2020-11-26 08:45",
						news:"妈呀太可爱了! ! ! 😭 可以做头像吗"
					},
					{
						id:9,
						image:"https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2155986783,1289047780&fm=15&gp=0.jpg",
						name:"稀饭吖",
						time:"2020-11-20 19:27",
						news:"质问:为什么他的脸这么胖？狗头"
					},
					{
						id:10,
						image:"https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=181775044,238233318&fm=26&gp=0.jpg",
						name:"七喜👸 ",
						time:"2020-11-19 23:15",
						news:"可以给一下原图嘛 "
					},
					{
						id:11,
						image:"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1607740704147&di=b03df33b50cf8958e83558698aa1304d&imgtype=0&src=http%3A%2F%2Fimg.hao661.com%2Fqq.hao661.com%2Fuploads%2Fallimg%2Fc160122%2F145343X14GX0-11L251.jpg",
						name:"李戳戳",
						time:"2020-11-26 08:45",
						news:"多少钱买的柴犬呢?"
					}
				],
			}
		}
	}
</script>

<style>
	.content-item {
		width: 100%;
		height: 80px;
		border-bottom: 1px solid #C0C0C0;
		display: flex;
	}
	.content-img image{
		width: 50px;
		height: 50px;
		margin: 10px;
		border-radius: 50px;
	}
	.content-msg{
		padding-top:10px;
	}
	.time{
		font-size: 12px;
		color:#C0C0C0;
	}
</style>s
